/*
femto.css framework
"No crap, just simple HTML"

This file is part of the femto.css framework  

2020 - nokoru and contributors. no rights reserved.
This framework comes with no warranty.
femto license: Unlicense
Inter font family license: SIL Open Font License 1.1
*/
:root {
  /* webpage content size */
  --content-width-desktop: 800px;

  /* backgrounds */
  --html-bg-color: #383838;
  --nav-bg-color: #292929;
  --header-bg-color: url("img/header.png");
  --main-bg-color: #383838;
  --footer-bg-color: #292929;

  /* nav font */
  --nav-text-color: #b5b5b5;
  --nav-link-color: #b5b5b5;
  --nav-link-hover-color: #0366d6;
  --nav-link-active-color: #0366d6;
  
  /* nav - other colors */
  --nav-border-top-color: #0366d6;
  --nav-shadow-color: black;

  /* header font */
  --header-text-color: #24292e;
  --header-link-color: #0366d6;
  --header-hover-color: #0366d6;
  --header-active-color: #0366d6;

  /* main font */
  --main-text-color: #dddddd;
  --main-link-color: #0366d6;
  --main-link-hover-color: #0366d6;
  --main-link-active-color: #0366d6;

  /* headers font */
  --h1-font-color: #24292e;
  --h2345-font-color: #eeeeee;
  --h6-font-color: #6a737d;
  --h2-border-bottom-color: #595959;

  /* footer font */
  --footer-text-color: #b5b5b5;
  --footer-link-color: #f5f5f5;
  --footer-link-hover-color: #f5f5f5;
  --footer-link-active-color: #f5f5f5;

  /* forms */
  --form-input-main-color: #0366d6;
  --form-input-secondary-color: #4fa0fc;
  --form-button-text-color: white;
  --form-border-color: #595959;
  --form-input-bg: #292929;
  --form-input-shadow: black;
  --form-input-text: #dddddd;

  /* nav */
  --nav-burger-color: #b5b5b5;

  /* colorful buttons */
  --btn1-main-color: #0366d6;
  --btn1-secondary-color: #4fa0fc;
  --btn1-text-color: white;
  
  --btn2-main-color: #00cc44; /* green */
  --btn2-secondary-color: #66ff99; /* light green */
  --btn2-text-color: white;	

  --btn3-main-color: #ffcc00; /* gold */
  --btn3-secondary-color: #ffe680; /* light gold */
  --btn3-text-color: black;

  --btn4-main-color: #e90030; /* "pinky" red */
  --btn4-secondary-color: #ff8099; /* light "pinky" red */
  --btn4-text-color: white;

  --btn5-main-color: #bf139a; /* purple */
  --btn5-secondary-color: #f273d6; /* light purple */
  --btn5-text-color: white;

  /* other */
  --hr-border-color: #595959;
  --code-bg-color: black;
  --code-text-color: #f5f5f5;
  --pre-bg-color: black;
  --blockquote-text-color: #737373;
  --blockquote-border-color: #737373;
}

